// 首页
import React, { useState } from 'react';
import './scss/home.scss';

export default function Home() {
  const [state] = useState([1, 2, 3]);
  return (
    <div className="home">
      <div className="headr">
        <img
          src="https://cdn.pinduoduo.com/upload/home/2020-11-04/113fc13e-cc09-4d17-a615-39878f0eae7b.jpg"
          alt="1"
        />
      </div>
      <div className="nav">
        <h1>
          {' '}
          <span> 精彩活动</span>
          <span> 更多⋙ </span>{' '}
        </h1>
      </div>
      <div className="imgs">
        <img src="https://cdn.pinduoduo.com/upload/home/img/index/seckill_v2.jpg" alt="1" />
      </div>
      <div className="san">
        <div className="san-one">
          <div className="san-1">
            <img src="https://cdn.pinduoduo.com/upload/home/img/index/sale_v2.jpg" alt="1" />
          </div>
          <div className="san-2">
            <img src="https://cdn.pinduoduo.com/upload/home/img/index/supermarket_v2.jpg" alt="1" />
          </div>
          <div className="san-1">
            <img src="https://cdn.pinduoduo.com/upload/home/img/index/download.jpg" alt="1" />
          </div>
        </div>
      </div>
      <div className="nav">
        <h1>
          {' '}
          <span> 精选专题</span>
          <span> 更多⋙ </span>{' '}
        </h1>
      </div>
      {state.map((item, index) => {
        return (
          <div key={index}>
            <div className="mais">
              <div className="masi-a">
                <img
                  src="https://cdn.pinduoduo.com/upload/home/img/subject/girlclothes.jpg"
                  alt="1"
                />
              </div>
              <div className="masi-a">
                <img src="https://cdn.pinduoduo.com/upload/home/img/subject/boyshirt.jpg" alt="1" />
              </div>
            </div>
            <div className="got">
              <div className="got-a">
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-08-14/433f19eb31957b25b3a5b216b579e633.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-08-13/ce99a1b2f665ba478d9573c314686c5d.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-08-13/e18be506686d78ee72734b53025126c4.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
              </div>
              <div className="got-a">
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-06-27/fec458f8ce506485eddd9b5ee60208ea.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-05-18/0f2f3d0820090fa8981b3a8d3dfcca9c.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
                <div className="got-s">
                  <img
                    src="https://t00img-c.yangkeduo.com/goods/images/2020-07-31/78e84eb2f56032a6cfcb44aaac4973bc.jpeg"
                    alt="1"
                  />
                  <p>马克华菲男士休闲新款2020老爹鞋男运动轻跑鞋外增高百搭款潮流男</p>
                  <h6 className="h4">
                    ￥208 <span> ￥1899</span>{' '}
                  </h6>
                </div>
              </div>
            </div>
          </div>
        );
      })}
    </div>
  );
}
